
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<title>${category.name}</title>
	<meta name="decorator" content="cms_default_${site.theme}"/>
	<meta name="description" content="${category.description}" />
	<meta name="keywords" content="${category.keywords}" />
	<link rel="stylesheet" type="text/css" href="${ctxStatic}/IDH/css/exhibition/about/about.css" />
	<style type="text/css">
	    html,body{margin:0;padding:0;}
	    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
	    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
	    .item {
	    	height: 25em !important;
	    }
	</style>
	<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
</head>
<body>
	<div class="col-md-12">
		  <ul class="nav nav-tabs row nav-li">
			<cms:frontCategoryList categoryList="${categoryList}"/>
		 </ul>
		<div class="tab-content row">
			<div class="tab-pane active" id="cooperation">
				<!-- pc端合作伙伴 -->
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				  <!-- Indicators -->
				  <ol class="carousel-indicators hidden-xs">
				    <c:forEach var="x" begin="0" end="${page.getList().size() / 8}">
					   <li data-target="#carousel-example-generic" data-slide-to="${x}" ></li>
					</c:forEach>
				  </ol>
				  <!-- Wrapper for slides -->
				  <div class="carousel-inner hidden-xs" role="listbox">
			    	 <c:if test="${category.module eq 'link'}">
						<c:forEach items="${page.list}" var="link"  varStatus="ss">
							<c:if test="${ss.index %8 == 0}">
								<div class="item row">
				    				<div class="col-md-10 col-md-offset-1">
							</c:if>
									<div class="col-md-3" ss="${ss.index}" ><a href="${link.href}" target="_blank" ><img src="${link.image}" /></a></div>
							<c:if test="${(ss.index%7 == 0 && ss.index != 0) || ss.index+1 == page.getList().size()}">
									</div>
			    				</div>
							</c:if>
						</c:forEach>
				  	</c:if>
				  </div>
				  <!-- Controls -->
				  <a class="left carousel-control hidden-xs" href="#carousel-example-generic" role="button" data-slide="prev">
				    <span class="left-img"><img src="${ctxStatic}/IDH/images/left.png" /></span>
				    <span class="sr-only">Previous</span>
				  </a>
				  <a class="right carousel-control hidden-xs" href="#carousel-example-generic" role="button" data-slide="next">
				    <span class="right-img"><img src="${ctxStatic}/IDH/images/right.png" /></span>
				    <span class="sr-only">Next</span>
				  </a>
				</div>
				<!-- 手机端合作伙伴 -->
				<div class="cooperation-mobil row visible-xs-block">
			    	<c:if test="${category.module eq 'link'}">
						<c:forEach items="${page.list}" var="link">
							<div class="col-xs-6"><a href="${link.href}" target="_blank" ><img src="${link.image}" /></a></div>
						</c:forEach>
				  	</c:if>
			    </div>
			    <div class="span10">
		  	  </div>
			</div>
		</div>
   </div>
<script type="text/javascript"> 
function mapHeight(){
	 var heightMap = $("#introduce").width();
	 if(heightMap > 720){
	 	$("#dituContent").css("height",heightMap/2);
	 }else{
		 $("#dituContent").css("height",heightMap);
	 }
}
$(".item").eq(0).addClass("active")
$(".carousel-indicators li").eq(0).addClass("active")
</script>
</body>
